body {
    margin: 0;
    padding: 20px;
    font-family: "Microsoft YaHei", sans-serif;
    background-color: cyan;
}

.container {
    width: 100%; /* 容器占满宽度，方便内部元素居中 */
    max-width: 800px; /* 限制最大宽度，避免过宽 */
    margin: 0 auto;
    text-align: center; /* 整体内容居中 */
}

.form-item {
    margin: 20px 0;
    line-height: 1.5; /* 优化行高，避免元素拥挤 */
}

input[type="number"] {
    width: 50px;
    text-align: center;
    margin: 0 5px; /* 增加左右间距，与文字更协调 */
}

button {
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px; /* 与输入框保持距离 */
}

/* 结果框容器：确保结果框在题目下方居中 */
.result-container {
    display: flex;
    justify-content: center; /* 水平居中 */
    margin-top: 20px; /* 与上方题目保持距离 */
}

.result {
    width: 400px;
    height: 80px;
    background-color: #ddd;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
}

.result.success {
    color: blue;
}

.result.fail {
    color: red;
}